<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <style>
        body {
            background: url("bg.png");
        }
        div{
            text-align: center;
        }

        .center {
            background: white;
            width: 400px;
            margin: auto;
            text-align: center;
        }
    </style>
</head>
<body>
<div>

</div>
<!--注册页面-->
<div>
    <a href="https://www.baidu.com"
       target="_blank"
       title="图片超链接"><!--在新的页面跳转-->
        <img src="http://pic1.win4000.com/m00/c5/c8/d51c0784eb937497183511da16355f12_250_350.jpg"
             width="250px"
             height="250px"></a>

</div>

<div class="center">
    <div>注册详情</div>
    <hr/>
    <form action="#" method="get" autocomplete="off">&nbsp;
    姓名: <input type="usernam" name="username" placeholder="在此输入姓名"><br/>
    密码：<input type="password" name="password" placeholder="在此输入密码"><br/>
    邮箱：<input type="email" name="name" placeholder="在此输入邮箱"><br/>
    手机：<input type="tel" name="tel" placeholder="在此输入手机号"><br/>
    <hr/>
    性别：<input type="radio" name="sex" value="男">男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="radio" name="sex" value="女">女<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    爱好: <input type="checkbox" name="music" value="音乐">音乐
    <input type="checkbox" name="mv" value="电影">电影
    <input type="checkbox" name="game" value="游戏">游戏<br/>
    出生日期：<input type="date" name="date"><br/>
    所在城市：<select name="city">
    <option>请选择所在的城市</option>
<optgroup label="直辖市">
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="深圳">深圳</option>
</optgroup>
    <optgroup label="省会">
        <option value="太原">太原</option>
        <option value="合肥">合肥</option>
        <option value="沈阳">沈阳</option>
    </optgroup>
</select><br/><hr/>

    个性签名： <textarea  name="textarea" rows="10" cols="20" placeholder="请写下你的与众不同"></textarea><br/>
    <button type="submit">确认</button>
    <button type="reset">重置</button>
    </form>


</div>

</body>
</html>